{% extends 'layout.html' %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-default table-responsive">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
                年度合同列表
                <!-- Multiple Select -->
                <div class="input-group" style="float: right;">
{#                    <input type="text" placeholder="按合同年份过滤">#}
                    {{ select }}
                    <span aria-hidden="true"> </span>
                    <a href="{% url 'export-excel' %}?start_recno={{ start_recno }}&end_recno={{ end_recno }}"
                       class="btn btn-sm btn-primary" style="margin-top: -6px">导出 Excel</a>
                </div>
            </div>

            <table class="table text-nowrap table-striped table-bordered table-hover">
                <thead>
                <tr style="background-color: #5B9BD5;color: white">
                    {% if fields.序号.0 %}
                        <th>序号</th>{% endif %}
                    {% if fields.合同名称.0 %}
                        <th>合同名称</th>{% endif %}
                    {% if fields.合同有效期.0 %}
                        <th>合同有效期</th>{% endif %}
                    {% if fields.供应商.0 %}
                        <th>供应商</th>{% endif %}
                    {% if fields.合同金额.0 %}
                        <th>合同金额</th>{% endif %}
                    {% if fields.已结算金额.0 %}
                        <th>已结算金额</th>{% endif %}
                    {% if fields.考核扣款.0 %}
                        <th>考核扣款</th>{% endif %}
                    {% if fields.奖励金额.0 %}
                        <th>奖励金额</th>{% endif %}
                    {% if fields.能源费.0 %}
                        <th>能源费</th>{% endif %}
                    {% if fields.费用类别.0 %}
                        <th>费用类别</th>{% endif %}
                    {% if fields.税率.0 %}
                        <th>税率</th>{% endif %}
                    {% if fields.备注.0 %}
                        <th>备注</th>{% endif %}
                </tr>
                </thead>
                <tbody>

                {% for row in data_list %}
                  <tr>

                {% if fields.序号.0 %}
                    <td>{{ row.序号 }}</td>{% endif %}
                {% if fields.合同名称.0 %}
                    <td>
                        <a href="/contract/year/details/list/?id={{ row.序号 }}&name={{ row.合同名称 }}"> {{ row.合同名称 }}</a>
                    </td>{% endif %}
                {% if fields.合同有效期.0 %}
                    <td>{{ row.合同有效期 }}</td>{% endif %}
                {% if fields.供应商.0 %}
                    <td>{{ row.供应商 }}</td>{% endif %}
                {% if fields.合同金额.0 %}
                    <td style="text-align: right">{% if row.合同金额 == 0  or row.合同金额 == None %}-{% else %}
                        {{ row.合同金额 }}{% endif %}</td>{% endif %}
                {% if fields.已结算金额.0 %}
                    <td style="text-align: right">{% if row.已结算金额 == 0  or row.已结算金额 == None %}
                        -{% else %}
                        {{ row.已结算金额 }}{% endif %}</td>{% endif %}
                {% if fields.考核扣款.0 %}
                    <td style="text-align: right">{% if row.考核扣款 == 0  or row.考核扣款 == None %}-{% else %}
                        {{ row.考核扣款 }}{% endif %}</td>{% endif %}
                {% if fields.奖励金额.0 %}
                    <td style="text-align: right">{% if row.奖励金额 == 0 or row.奖励金额 == None %}-{% else %}
                        {{ row.奖励金额 }}{% endif %}</td>{% endif %}
                {% if fields.能源费.0 %}
                    <td style="text-align: right">{% if row.能源费 == 0 or row.能源费 == None %}-{% else %}
                        {{ row.能源费 }}{% endif %}</td>{% endif %}
                {% if fields.费用类别.0 %}
                    {% if row.费用类别 == '常规' %}
                        <td style="background-color: greenyellow">
                    {% elif row.费用类别 == '年度单项' %}
                        <td style="background-color: fuchsia">
                    {% elif row.费用类别 == '安全生产费' %}
                        <td style="background-color: red">
                    {% elif row.费用类别 == '运输费' %}
                        <td style="background-color: darkturquoise">
                    {% elif row.费用类别 == '非生产性维修费' %}
                        <td style="background-color: #bfd1ec">
                    {% else %}
                        <td>
                    {% endif %}
                    {{ row.费用类别 }}</td>{% endif %}
                {% if fields.税率.0 %}
                    <td>{{ row.税率 }} %</td>{% endif %}
                {% if fields.备注.0 %}
                    <td>{% if row.备注 %}{{ row.备注 }}{% endif %}</td>{% endif %}
                </tr>
                {% endfor %}
                <tr style="background-color: yellow">
                    {% if fields.序号.0 %}
                        <td>合计</td>{% endif %}
                    {% if fields.合同名称.0 %}
                        <td>{{ sum_row.合同名称__count }}</td>{% endif %}
                    {% if fields.合同有效期.0 %}
                        <td></td>{% endif %}
                    {% if fields.供应商.0 %}
                        <td></td>{% endif %}
                    {% if fields.合同金额.0 %}
                        <td style="text-align: right">{{ sum_row.合同金额__sum }}</td>{% endif %}
                    {% if fields.已结算金额.0 %}
                        <td style="text-align: right">{{ sum_row.已结算金额__sum }}</td>{% endif %}
                    {% if fields.考核扣款.0 %}
                        <td style="text-align: right">{{ sum_row.考核扣款__sum }}</td>{% endif %}
                    {% if fields.奖励金额.0 %}
                        <td style="text-align: right">{{ sum_row.奖励金额__sum }}</td>{% endif %}
                    {% if fields.能源费.0 %}
                        <td style="text-align: right">{{ sum_row.能源费__sum }}</td>{% endif %}
                    {% if fields.费用类别.0 %}
                        <td></td>{% endif %}
                    {% if fields.税率.0 %}
                        <td></td>{% endif %}
                    {% if fields.备注.0 %}
                        <td></td>{% endif %}
                </tr>
                </tbody>
            </table>

            <nav aria-label="Page navigation">
                <ul class="pagination">
                    {{ page_string }}
                </ul>
            </nav>
        </div>
    </div>

{% endblock %}

{% block js %}
    <script type="text/javascript">
        $(function () {
            $('#col_select').multipleSelect({
                onClose: function () {
                    $.ajax({
                        url: '/contract/year/fields/?f=' + $('#col_select').multipleSelect('getSelects'),
                        type: 'GET',
                        success: function (res) {
                            if (!res.status)
                                alert(res.errors);

                            location.reload();
                        }
                    });
                }
            });
        })
    </script>
{% endblock %}